.progress {
    display: block;
    width: 100%;
    max-width: 100%;
    appearance: none;
    border: none;
    height: 1rem;
    border-radius: .5em;
    overflow: hidden;
    background-color: gray(219);

    &:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    &.is-small {
        height: .75rem;
    }

    &.is-medium {
        height: 1.25rem;
    }

    &.is-large {
        height: 1.5rem;
    }

    /* mozilla 进度条颜色 */
    &::-moz-progress-bar {
       background-color: gray(74);
    }

    /* webkit track 颜色*/
    &::-webkit-progress-bar {
       background-color: gray(219);
    }
    /* webkit 进度条颜色 */
    &::-webkit-progress-value {
       background-color: gray(74);
    }
}
